<div class="panel panel-default visitors">
   <div class="panel-body no-padding">
      <div class="panel-heading upgrade">
        <h2 class="upgrade-body-title">Why miss out all the fun? <span>Upgrade today</span></h2>
      </div>
      <div class="upgrade-body">
         <div class="upgrade-features">
            <ul>
               <li><i class="fa fa-comments"></i> <span>Send and read unlimited message</span></li>
               <li><i class="fa fa-group"></i>  <span>Find out who's been checking you out</span></li>
               <li><i class="fa fa-star"></i>  <span>See who's added you as a favorite </span></li>
               <li><i class="fa fa-bolt"></i> <span> Boost your profile visibility</span></li>
            </ul>
         </div>
      </div>
   `<a class="col-lg-12  col-md-12 col-sm-12 col-xs-12 upgrade-view-all text-center" href="#">View all</a>
      <div class="col-md-12 col-sm-12">
         <div class="row freature-table">
            <div class="single-feature-table left">
               <div class="single-feature-table-top">
                  <h3>1 Month</h3>
                  <p class="price">&pound; 19.99/month</p>
                  <button class="btn btn-danger upgrade-button m30" type="button">Upgrade</button>
               </div>
               <div class="single-feature-table-bottom">
                  <p class="price">&pound; 19.99</p>
               </div>
            </div>
            <div class="single-feature-table middle">
               <div class="middle-feature-table-top middle-table">
                  <h4>Most Popular</h4>
                  <h3>3 Months</h3>
                  <p class="price price-margin">&pound; 14.99/month</p>
                  <p id="save">Save 25%</p>
                  <button class="btn btn-success upgrade-button middle-upgrade-button" type="button">Upgrade</button>
               </div>
                <div class="single-feature-table-bottom">
                  <p class="price">&pound; 44.99</p>
               </div>
            </div>
             <div class="single-feature-table right">
               <div class="single-feature-table-top">
                  <h3>12 Months</h3>
                  <p class="price">&pound; 9.99/month</p>
                  <p id="save">Save 50%</p>
                  <button class="btn btn-danger upgrade-button" type="button">Upgrade</button>
               </div>
               <div class="single-feature-table-bottom">
                  <p class="price"  >&pound; 119.99</p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="row locked-area">
      <div class="col-md-1 col-md-offset-11 col-sm-1 col-sm-offset-11"><i class="fa fa-lock"></i></div>
   </div>
</div>

